<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="./assets/css/bootstrap.css">
<link href="./assets/css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="./assets/js/jquery.js"></script>
<style>
.v{
	display:block;
}
.notv{
	
	display:none;
}
</style>
<script type="text/javascript">
$(function(){	
	//导航切换
	var lastSub = null;
	var sub = null;
	var children = false;
	$(".menuson>li").click(function(){
		var hasSub = false;
		$(".menuson li.active").removeClass("active")
		$(this).addClass("active");
		//hasSub = typeof $("ul",$(this)) 
		//console.log($("ul",$(this))[0]);
		//取第一个ul
		var sub = $("ul",$(this))[0];
		//console.log(typeof sub);
		// 如果sub下面没内容（如ul）
		if(typeof sub != 'undefined'){
			hasSub = true;
		}
		// 如果有子节点
		if(hasSub){
			if(!children){
			if($(this).children("ul").css("display")=="block"){
				$(this).children("ul").hide();
			}else{

				$(this).children("ul").css("display","block");
				$(this).children("ul").children("li").removeClass("notv").addClass("v");
				
			}
		}else{
			children = false
		}
			//console.log($(this).children("li").length)
			/*if($("li",$(sub)).css("display") == "none"){
				$("li",$(sub)).removeClass("notv").addClass("v");
			
			}else{
			    // 在ul中找li
				$("li",$(sub)).removeClass("v").addClass("notv");
			}*/
			
		}else{
		    //
			$("li",$(lastSub)).removeClass("v").addClass("notv");
		}
		
		lastSub = sub;

	});

	$("#test>li").click(function(){
		children = true;
	})
	
	//$(".menuson>li>ul>li").click(function(){
//		$(".menuson li ul li.active").removeClass("active")
//		$(this).addClass("active");
//	});
//	
	
	$('.title').click(function(){
		var $ul = $(this).next('ul');
		$('dd').find('>ul').slideUp();
		if($ul.is(':visible')){
			$(this).next('ul').slideUp();
		}else{
			$(this).next('ul').slideDown();
		}
	});
})	


</script>


</head>

<body style="background:#f0f9fd;">
	<div class="lefttop"><span></span>超级管理员信息</div>
	<div class="leftmenu">
		<p style="margin-left:10px;margin-top:6px;"><strong>姓名：</strong>章某</p>
		<p style="margin-left:10px;margin-top:6px;"><strong>性别：</strong>男</p>
		<p style="margin-left:10px;margin-top:6px;"><strong>办公电话：</strong>0011234567</p>
		<p style="margin-left:10px;margin-top:6px;"><strong>办公地址：</strong>逸夫楼112</p>
	
	
	</div>
	
	
</body>
</html>

